<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html 
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  	<title> - How The Snow - </title>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  	<link type="text/css" rel="stylesheet" href="/stylesheets/css/blueprint/screen.css" media="screen, projection" />
  	<link type="text/css" rel="stylesheet" href="/stylesheets/css/blueprint/print.css" media="print" />
  	<!--[if IE]><link rel="stylesheet" href="/stylesheets/css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
  	<link type="text/css" rel="stylesheet" href="/stylesheets/css/base.css" />		
	<link type="text/css" href="stylesheets/css/cupertino/jquery-ui-1.8.17.custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="stylesheets/js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="stylesheets/js/jquery-ui-1.8.17.custom.min.js"></script>
	<script>
	$(function() {
		$( "#tab_stations" ).tabs();
	});
	</script>
  	
<body style="background: #eeeeee;">
	<div class="container">
			<!-- HEADER -->
			<div class="span-24 last" style="background: #1E7FCB; text-align: center;">
	  			<div class="span-3"></div>
				<div class="span-12 last"><h1 style="font-size: 32pt; color: #FFFFFF; margin: 15px 15px 15px 15px;">How The Snow</h1></div>
				<div class="span-22 prepend-1 append-1 last">
					<div id="nav" class="ui-widget ui-widget-content ui-corner-all" style="margin:8px;">
						<ul>
							<li><a href="/">Accueil</a></li>
							
							<li><a href="/connexion">Connexion</a></li>
							<li><a href="admin.html">Administration</a></li>
						</ul>
					</div>
				</div>
			</div>
	    	
		    <!-- CONTENT -->
		    <div class="span-22 prepend-1 append-1 last" style="background: #FEFEFE; text-align: center; height: 600px;">
		    	<div style="margin: 15px 15px 15px 15px;">
		    	{% if message %}
                	<div class="span-16 prepend-3 append-3 last ui-widget">
                        <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;"> 
                            <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
                            	{{ message }}</p>
                        </div>
                    </div>
                
                    
                    <br /><br /><br /><br />
                {% endif %}
                    
                    <br /><br />
                    
                    <div class="span-16 prepend-3 append-3 last"> 
						<h3>Selectionnez une station</h3>
                    </div>
                    <br />
                    <br />
					<div id="tab_stations">
						<ul>
							<li><a href="#stations">Stations</a></li>
						</ul>
						<div id="stations">
						{% for station in stations %}
							<a href="station.html">{{ station.nom }}</a> <br />
						{% endfor %}
						</div>				
				</div>
        	</div>
        </div>
        
         <!-- FOOTER -->
		<div class="span-24 last" style="background: #1E7FCB; text-align: center;">
			<label>- How The Snow - Copyright 2012 - S. BRUN & M. NEZRI - </label>
		</div>
    </div>
</body>

</html>

